<template>
      <div id="index">
            <el-container>
                        <el-header>
                              <nav-header></nav-header>
                        </el-header>
                  <el-container>
                        <el-aside width="200px">
                              <aside-bar></aside-bar>
                        </el-aside>
                        <el-main>
                              <router-view></router-view>
                        </el-main>
                  </el-container>
            </el-container>
      </div>
</template>

<script>
      import AsideBar from "@/components/index/AsideBar"
      import NavHeader from "@/components/index/NavHeader"
      export default {
            components: {
                  NavHeader,
                  AsideBar
            },
            mounted () {
                 
            },
            methods: {
                  
            },
      }
</script>

<style lang="scss" scoped>
.el-header {
      margin: 0;
      padding: 0;
}
</style>